<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">
		<title>首页_响应式</title>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
	</head>
	<body>
		<header id="header">
			<div class="center">
				<h1 class="logo">测试旅行社</h1>
				<nav class="link">
					<h2 class="none">网站导航</h2>
					<ul>
						<li class="active"><a href="index.html">首页</a></li>
						<li><a href="information.html">旅行<span class="xs-hidden">资讯</span></a></li>
						<li><a href="ticket.html">机票<span class="xs-hidden">订购</span></a></li>
						<li class="xs-hidden"><a href="scenery.html">风景欣赏</a></li>
						<li><a href="about.html">关于<span class="xs-hidden">公司</span></a></li>
					</ul>
				</nav>
			</div>
		</header>
		
		<div id="adver">
			<img src="img/adver.jpg" alt="">
			<div class="center"></div>
			<div class="center copy">
				<input type="text" class="search" placeholder="请输入旅游景点或城市">
				<button class="button">搜索</button>			
			</div>
		</div>
		
		<div id="tour">
			<section class="center">
				<h2>热门旅游</h2>
				<p>国内旅游,国外旅游,自助旅游,油轮签证,主题旅游等各种最新的热门旅游推荐</p>
			</section>
			
			<!-- 图文并茂采用这个 -->
			<figure>
				<img alt="曼谷-芭提雅6日游" src="img/tour1.jpg">
				<figcaption>
					<div class="tour_title">
						<strong class="title">&lt;曼谷-芭提雅6日游&gt;</strong>
						包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券
					</div>
					<div class="info">
						<em class="sat">满意度 77%</em>
						<span class="price">￥ <strong>2864</strong>起</span>
					</div>
					<div class="type">国内长线</div>
				</figcaption>
			</figure>
			<figure>
				<img src="img/tour2.jpg" alt="马尔代夫双鱼岛Olhuveli4晚6日自助游">
				<figcaption>
					<div class="tour_title">
						<strong class="title">&lt;马尔代夫双鱼岛Olhuveli4晚6日自助游&gt;</strong>
						上海出发，机+酒包含:早晚餐+快艇
					</div>
					<div class="info">
						<em class="sat">满意度97%</em>
						<span class="price">¥ <strong>8039</strong> 起</span>
					</div>
					<div class="type">出境长线</div>
				</figcaption>
			</figure>
			<figure>
				<img src="img/tour3.jpg" alt="海南双飞5日游">
				<figcaption>
					<div class="tour_title">
						<strong class="title">&lt;海南双飞5日游&gt;</strong>
						含盐城接送，全程挂牌四星酒店，一价全含，零自费“自费项目”免费送
					</div>
					<div class="info">
						<em class="sat">满意度90%</em>
						<span class="price">¥ <strong>2709</strong> 起</span>
					</div>
					<div class="type">自助旅游</div>
				</figcaption>
			</figure>
			<figure>
				<img src="img/tour4.jpg" alt="富山-大阪-东京8日游">
				<figcaption>
					<div class="tour_title">
						<strong class="title">&lt;富山-大阪-东京8日游&gt;</strong>
						暑期亲子，2天自由，无导游安排自费项目，全程不强迫购物
					</div>
					<div class="info">
						<em class="sat">满意度97%</em>
						<span class="price">¥ <strong>9499</strong> 起</span>
					</div>
					<div class="type">自助旅游</div>
				</figcaption>
			</figure>
			<figure>
				<img src="img/tour5.jpg" alt="法瑞意德12日游">
				<figcaption>
					<div class="tour_title">
						<strong class="title">&lt;法瑞意德12日游&gt;</strong>
						4至5星，金色列车，少女峰，部分THE MALL
					</div>
					<div class="info">
						<em class="sat">满意度97%</em>
						<span class="price">¥ <strong>9199</strong> 起</span>
					</div>
					<div class="type">国内短线</div>
				</figcaption>
			</figure>
			<figure>
				<img src="img/tour6.jpg" alt="巴厘岛6日半自助游">
				<figcaption>
					<div class="tour_title">
						<strong class="title">&lt;巴厘岛6日半自助游&gt;</strong>
						蓝梦出海，独栋别墅，悦榕庄下午茶，纯玩
					</div>
					<div class="info">
						<em class="sat">满意度95%</em>
						<span class="price">¥ <strong>6488</strong> 起</span>
					</div>
					<div class="type">出境长线</div>
				</figcaption>
			</figure>
			<figure>
				<img src="img/tour7.jpg" alt="塞舌尔迪拜9日自助游">
				<figcaption>
					<div class="tour_title">
						<strong class="title">&lt;塞舌尔迪拜9日自助游&gt;</strong>
						一游两国，4晚塞舌尔，2晚迪拜，香港EK往返
					</div>
					<div class="info">
						<em class="sat">满意度100%</em>
						<span class="price">¥ <strong>9669</strong> 起</span>
					</div>
					<div class="type">游轮观光</div>
				</figcaption>
			</figure>
			<figure>
				<img src="img/tour8.jpg" alt="花样姐姐土耳其9日或10日游">
				<figcaption>
					<div class="tour_title">
						<strong class="title">&lt;花样姐姐土耳其9日或10日游&gt;</strong>
						最高立减3000！中餐六菜一汤+土耳其当地美食满足您挑剔味蕾
					</div>
					<div class="info">
						<em class="sat">满意度93%</em>
						<span class="price">¥ <strong>9999</strong> 起</span>
					</div>
					<div class="type">出境长线</div>
				</figcaption>
			</figure>
			<figure>
				<img src="img/tour9.jpg" alt="大阪-京都-箱根双飞6日游">
				<figcaption>
					<div class="tour_title">
						<strong class="title">&lt;大阪-京都-箱根双飞6日游&gt;</strong>
						盐城直飞，不走回头路，境外无自费，超值之旅
					</div>
					<div class="info">
						<em class="sat">满意度100%</em>
						<span class="price">¥ <strong>5284</strong> 起</span>
					</div>
					<div class="type">国内短线</div>
				</figcaption>
			</figure>
		</div>
		
		<footer id="footer">
			<div class="top sm-hidden">
				<div class="block left">
					<h2>合作伙伴</h2>
					<hr>
					<ul>
						<li>途牛旅游网</li>
						<li>驴妈妈旅游网</li>
						<li>携程旅游</li>
						<li>中国青年旅行社</li>
					</ul>
				</div>
				<div class="block center">
					<h2>旅游FAQ</h2>
					<hr>
					<ul>
						<li>旅游合同签订方式？</li>
						<li>儿童价是基于什么制定的？</li>
						<li>旅游的线路品质怎么界定的？</li>
						<li>单房差是什么？</li>
						<li>旅游保险有那些种类？</li>
					</ul>
				</div>
				<div class="block right">
					<h2>联系方式</h2>
					<hr>
					<ul>
						<li>微博：weibo.com/ycku</li>
						<li>邮件：ycku@ycku.com</li>
						<li>地址：江苏盐城无名路123号</li>
					</ul>
				</div>
			</div>
			<div class="clearfix"></div>
			<div class="version sm-visible">
				客户端 | 触屏版 | 电脑版
			</div>
			<div class="bottom">
				Copyright © YCKU 瓢城旅行社 | 苏ICP备120110119号<span class="sm-hidden"> | 旅行社经营许可证：L-YC-BK12345</span>
			</div>
		</footer>
	</body>
</html>